<ion-view view-title="个人中心" hide-nav-bar="true">
  <ion-content style="background-color: #eee">
    <div class="user_banner">
      <img ng-src="{{userInfo.head_ico}}" style="border-radius: 50%">

      <h3 style="color: #ffffff;margin: 0" ng-bind="userInfo.name"></h3>
      <div class="row">
        <div class="col">
          <p style="margin: 0" ng-bind="userInfo.favorite_production"></p>
          <p>收藏的商品</p>
        </div>
        <div class="col" >
          <!--<div style="width: 8rem;   margin-top: 0.5rem; height: 1.5rem;position: absolute;  border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;">-->
          <!--</div>-->
          <p style="margin: 0" ng-bind="userInfo.favorite_shop"></p>
          <p>关注的店铺</p>
        </div>
        <div class="col">
          <p style="margin: 0" ng-bind="userInfo.history_marks"></p>
          <p>历史足迹</p>
        </div>
      </div>
      <!--<i class="button button-icon icon ion-gear-b"  style="float: right;top: 1rem;right: 2rem;position: absolute;color: #ffffff">设置</i>-->
      <a class="button-clear" style="float: right;top: 1rem;right: 2rem;position: absolute;color: #ffffff;" href="#/setUserInfo">
        <i class="button-icon icon ion-gear-b" style="padding: 0px"></i>
        <p >设置</p>
      </a>
    </div>
    <a class="item item-icon-left item-icon-right" href="#/billList">
      我的订单
      <span class="item-note">查看全部购买商品</span>
      <img src="img/user1.png" class="icon" style="width: 2.5rem;height: auto;top: 0.5rem;">
      <!--<i class="icon ion-home"></i>-->
      <i class="icon ion-ios-arrow-right"></i>
    </a>
    <div class="item row" style="text-align: center;padding: 0px;  margin: 0;border-width: 0px;border-top: 1px solid #eee" ng-click="goBillList()">
      <a class="col" style="position: relative;">
        <i class="icon button-icon ion-home"></i>
        <div style="background-color: red;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 5px;
  right: 13px;
  z-index: 1;
  min-width: 10px;
  border-radius: 54%;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  font-size: 14px;  padding: 0px 1px;" ng-if="userInfo.waiting_payment>0" ng-bind="userInfo.waiting_payment"></div>
        <p>待付款</p>
      </a>
      <div class="col" style="position: relative;">
        <i class="icon button-icon ion-home"></i>
         <span style="background-color: red;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 5px;
  right: 13px;
  z-index: 1;
  min-width: 10px;
  border-radius: 54%;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  font-size: 14px;  padding: 0px 1px;" ng-if="userInfo.waiting_post>0" ng-bind="userInfo.waiting_post"></span>
        <p>待发货</p>
      </div>
      <div class="col" style="position: relative;">
        <i class="icon button-icon ion-home"></i>
        <span style="background-color: red;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 5px;
  right: 13px;
  z-index: 1;
  min-width: 10px;
  border-radius: 54%;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  font-size: 14px;  padding: 0px 1px;" ng-if="userInfo.waiting_harvest>0" ng-bind="userInfo.waiting_harvest"></span>
        <p>待收货</p>
      </div>
      <div class="col">
        <i class="icon button-icon ion-home"></i>
        <span style="background-color: red;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 5px;
  right: 13px;
  z-index: 1;
  min-width: 10px;
  border-radius: 54%;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  font-size: 14px;  padding: 0px 1px;" ng-if="userInfo.waiting_comment>0" ng-bind="userInfo.waiting_comment"></span>
        <p>待评论</p>
      </div>
      <div class="col">
        <i class="icon button-icon ion-home"></i>
        <p>退款/售后</p>
      </div>
    </div>
    <div class="item item-icon-left item-icon-right" style="margin-top: 0.6rem" >
      我的卡包
      <span class="item-note">激活、余额、卡卷、礼品卡</span>
      <!--<i class="icon ion-home"></i>-->
      <img src="img/user2.png" class="icon" style="width: 2.5rem;height: auto;top:0.5rem">
      <i class="icon ion-ios-arrow-right"></i>
    </div>
    <div class="item row" style="text-align: center;padding: 0px;  margin: 0;border-width: 0px;border-top: 1px solid #eee">
      <div class="col">
        <p ng-bind="userInfo.balance"></p>
        <p>余额</p>
      </div>
      <div class="col" ng-click="goCard()">
        <p ng-bind="userInfo.gift_card"></p>
        <p>礼品卡</p>
      </div>
      <div class="col" ng-click="goCoupon()">
        <p ng-bind="userInfo.coupons"></p>
        <p>礼卷</p>
      </div>
      <div class="col">
        <p ng-bind="userInfo.points"></p>
        <p>积分</p>
      </div>
    </div>
  </ion-content>
</ion-view>
